/* jquery select (include multiple) 
 * ================================ */
.vselect{
	width:197px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	margin:0;
	height:32px;
	line-height:32px;
    padding:0 6px 0 8px;
    color:#fff;
    cursor:pointer;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;	
	text-decoration:none;
	vertical-align:middle;

    background: rgba(11, 39, 65, 0.8);
    border: 1px solid #fff;
    
    -webkit-box-shadow: inset 0 0 12px rgba(68,241,255,0.4);
    -moz-box-shadow: inset 0 0 12px rgba(68,241,255,0.4);
    box-shadow: inset 0 0 12px rgba(68,241,255,0.4);
}
.vselect:hover{
    color:#fff;
}
.vselect ul,.vselect li,
.vselect-panel ul,.vselect-panel li{
	padding:0;
	margin:0;
	list-style:none;
}
.vselect em{
	font-style:normal;
	float:left;
	color:#fff;
	white-space:nowrap;
}
.vselect i{
	font-style:normal;
	float:right;
	color:#fff;
	font-size:13px;
    opacity: 0.8;
}
.vselect:hover{
	text-decoration:none;
    -webkit-box-shadow: inset 0 0 16px rgba(68,241,255,0.6);
    -moz-box-shadow: inset 0 0 16px rgba(68,241,255,0.6);
    box-shadow: inset 0 0 16px rgba(68,241,255,0.6);
}
.vselect:hover i{
    opacity: 1;
}
.vselect:active{
    -webkit-box-shadow: inset 0 0 16px rgba(68,241,255,0.8);
    -moz-box-shadow: inset 0 0 16px rgba(68,241,255,0.8);
    box-shadow: inset 0 0 16px rgba(68,241,255,0.8);
}
.vselect:active i{
    color:#fff;
}
.vselect-open {
    opacity: 0;
}
.vselect-panel {
	width:197px;
	position:absolute;
	top:0;
	left:0;
	z-index:999999;

    border: 1px solid rgba(255,255,255,0.9);

    background-color: rgba(11, 39, 65, 0.8);
    
    -webkit-box-shadow: 0 0 3px rgba(255,255,255,0.6);
    -moz-box-shadow: 0 0 3px rgba(255,255,255,0.6);
    box-shadow: 0 0 3px rgba(255,255,255,0.6);
}
.vselect-shadow{
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:999996;
	opacity:0.3;
	-webkit-opacity:0.3;
	-moz-opacity:0.3;
	-ms-opacity:0.3;
	-o-opacity:0.3;
	filter:alpha(opacity=30);
}
.vselect-panel li{
	float:left;
	width:100%;
	height:32px;
	overflow-y:hidden;
	font-size:14px;

    border-bottom: 1px solid #7be8ff;

    -webkit-box-shadow: inset 0 0 12px rgba(68,241,255,0.4);
    -moz-box-shadow: inset 0 0 12px rgba(68,241,255,0.4);
    box-shadow: inset 0 0 12px rgba(68,241,255,0.4);
}
.vselect-panel li a,.vselect-link-on{
	height:32px;
	line-height:32px;
	padding:0 6px 0 8px;
	display:block;
	text-decoration:none;
    color: #fff;
}
.vselect-panel li a:hover{
    background: -moz-linear-gradient(left, rgba(21,92,154,0.2) 0%, rgba(21,92,154,0.7) 30%, rgba(21,92,154,0.7) 70%, rgba(21,92,154,0.2) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(21,92,154,0.2)), color-stop(30%,rgba(21,92,154,0.7)), color-stop(70%,rgba(21,92,154,0.7)), color-stop(100%,rgba(21,92,154,0.2)));
    
    -webkit-box-shadow:inset 0 0 16px rgba(110,194,242, 0.7);
    -moz-box-shadow:inset 0 0 16px rgba(110,194,242, 0.7);
    box-shadow:inset 0 0 16px rgba(110,194,242, 0.7);
    
	text-decoration:none;
}
.vselect-panel li a.vselect-link-on,
.vselect-link-on{
    background: rgba(21,92,154,0.7);
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.8);
    -moz-box-shadow: inset 0 0 6px rgba(255,255,255,0.8);
    box-shadow: inset 0 0 6px rgba(255,255,255,0.8);
}
.vselect-panel li a.vselect-link-on:hover,
.vselect-link-on:hover{
	color:#fff;
	text-decoration:none;
}
.vselect-panel-tab{
	width:100%;
	height:auto;

    /* line-height:28px; */
	/* don't use nowrap! */
    
	border-bottom:1px solid #7be8ff;
    
    -webkit-box-shadow: inset 0 0 16px rgba(68,241,255,0.8);
    -moz-box-shadow: inset 0 0 16px rgba(68,241,255,0.8);
    box-shadow: inset 0 0 16px rgba(68,241,255,0.8);
}
.vselect-panel-tab em{
	width:auto;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	font-style:normal;
	height:32px;
	line-height:32px;
	padding:0 10px;
	color:#fff;
	cursor:pointer;
}
.vselect-panel-tab span.vselect-panel-tab-hover,
.vselect-panel-tab-hover{
    -webkit-text-shadow: 0 0 5px rgba(255,220,100,0.9);
    -moz-text-shadow: 0 0 5px rgba(255,220,100,0.9);
    text-shadow: 0 0 5px rgba(255,220,100,0.9);
}
.vselect-panel-tab span.vselect-panel-tab-on,
.vselect-panel-tab-on{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(37,64,121,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(37,64,121,0)));
}
